<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta charset="gb2312">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=dege" />
    <meta name="format-detection" content="telephone=no" />
    <title>知了知了</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" href="css/animate.min.css" />
    <link href="images/favicon.ico" rel="icon" type="images/x-icon">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1631099_c2ht6ck3pi.css">
    <link rel="stylesheet" href="css/headfoot.css" />
    <link rel="stylesheet" href="css/second.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js"></script>
    <script src="js/index.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/wow.min.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <style>

    </style>
    <script>
        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
            new WOW().init();
        }

    </script>
</head>

<body>
    <!--头部部分-->
    <div class="heads baibg">
        <script>
            $(".heads").load("head.html");
        </script>
    </div>
    <div class="lanbg">
        <div class="main-md">
            <!-- 筛选 -->
            <div class="pat_top30">
                <div class="list-opt-pd baibg">
                    <!--行业类别-->
                    <div class="list-cate-item">
                        <p class="list-cate-title">行业类别</p>
                        <div class="list-cate-ul-w1 list-ul-box inline">
                            <ul class="list-cate-ul listCate-ul-w lf">
                                <li class="diqu select dd"><a href="#">不限</a></li>
                                <li class="diqu "><a href="#"> 建筑/园林工程 </a></li>
                                <li class="diqu "><a href="#">影视动画</a></li>
                                <li class="diqu "><a href="#">平面广告</a></li>
                                <li class="diqu "><a href="#"> 舞台/展览 </a></li>
                                <li class="diqu "><a href="#">服装设计</a></li>
                                <li class="diqu "><a href="#">网站制作</a></li>
                                <li class="diqu "><a href="#">软件开发</a></li>
                                <li class="diqu "><a href="#">大数据/区块链/信息</a></li>
                                <li class="diqu "><a href="#">金融管理</a></li>
                                <li class="diqu "><a href="#"> 工商管理/市场销售</a></li>
                                <li class="diqu "><a href="#">财务会计</a></li>
                                <li class="diqu "><a href="#"> 语言/美术/舞蹈 </a></li>
                                <li class="diqu "><a href="#">数理科教</a></li>
                                <li class="diqu "><a href="#">工业制造</a></li>
                                <li class="diqu "><a href="#"> 模具设计/产品设计</a></li>
                                <li class="diqu "><a href="#">机械设计</a></li>
                                <li class="diqu "><a href="#">农业技术</a></li>
                            </ul>
                            <div class="cl"></div>
                        </div>
                    </div>
                    <!--课程等级：-->
                    <div class="list-cate-item">
                        <p class="list-cate-title">课程等级：</p>
                        <div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
                            <ul class="list-cate-ul listCate-ul-w lf">
                                <li class="select"><a href="">不限 </a></li>
                                <li class=""><a href=""> 初级 </a></li>
                                <li class=""><a href=""> 中级</a></li>
                                <li class=""><a href=""> 高级</a></li>
                            </ul>
                            <div class="cl"></div>
                        </div>
                    </div>
                    <!--排序-->
                    <div class="list-cate-item">
                        <p class="list-cate-title">排序：</p>
                        <div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
                            <ul class="list-cate-ul listCate-ul-w lf">
                                <li class="select"><a href="">默认 </a></li>
                                <li class=""><a href=""> 最新课程 </a></li>
                                <li class=""><a href=""> 最多收藏</a></li>
                                <li class=""><a href=""> 访问数量</a></li>
                            </ul>
                            <div class="cl"></div>
                        </div>
                    </div>
                    <!--类型-->
                    <div class="list-cate-item">
                        <p class="list-cate-title">类型：</p>
                        <div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
                            <ul class="list-cate-ul listCate-ul-w lf">
                                <li class="select"><a href="">全部 </a></li>
                                <li class=""><a href=""> 课程 </a></li>
                                <li class=""><a href=""> 资料</a></li>
                            </ul>
                            <div class="cl"></div>
                        </div>
                    </div>
                    <!--手动搜索-->
                    <div class="list-cate-item">
                        <p class="list-cate-title">关键词：</p>
                        <div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
                            <form action="?c=jiaoyi&amp;a=sousuo" method="post" class="revi-search-bar lf">
                                <div class="revi-searchbar-content clearfix">
                                    <input type="text" name="ss" placeholder="请输入您需要的课程..." class="revi-search-ipt lf">
                                    <button class="revi-search-btn sdss lf" type="submit">
                                        <i class=" iconfont icon-sousuo"></i>
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 列表页 -->
            <div class="pad30">
                <div class="surper">
                    <ul>
                        <li><a href="#">
                                <div class="surper_img">
                                    <img src="images/dyf/surper.jpg" alt="">
                                </div>
                                <div class="surper_text">
                                    <h4>肖国祥</h4>
                                    <p>高级工程师，同济大学建造师辅导班特聘教师。从2006年担任建造师考试培训教师至今，对重难点把握非常精确...</p>
                                    <span> 进入主页 <i class="iconfont iconjiantou"></i> </span>
                                </div>
                            </a></li>
                        <li><a href="#">
                                <div class="surper_img">
                                    <img src="images/dyf/surper.jpg" alt="">
                                </div>
                                <div class="surper_text">
                                    <h4>肖国祥</h4>
                                    <p>高级工程师，同济大学建造师辅导班特聘教师。从2006年担任建造师考试培训教师至今，对重难点把握非常精确...</p>
                                    <span> 进入主页 <i class="iconfont iconjiantou"></i> </span>
                                </div>
                            </a></li>
                        <li><a href="#">
                                <div class="surper_img">
                                    <img src="images/dyf/surper.jpg" alt="">
                                </div>
                                <div class="surper_text">
                                    <h4>肖国祥</h4>
                                    <p>高级工程师，同济大学建造师辅导班特聘教师。从2006年担任建造师考试培训教师至今，对重难点把握非常精确...</p>
                                    <span> 进入主页 <i class="iconfont iconjiantou"></i> </span>
                                </div>
                            </a></li>
                        <li><a href="#">
                                <div class="surper_img">
                                    <img src="images/dyf/surper.jpg" alt="">
                                </div>
                                <div class="surper_text">
                                    <h4>肖国祥</h4>
                                    <p>高级工程师，同济大学建造师辅导班特聘教师。从2006年担任建造师考试培训教师至今，对重难点把握非常精确...</p>
                                    <span> 进入主页 <i class="iconfont iconjiantou"></i> </span>
                                </div>
                            </a></li>
                    </ul>
                </div>
                <div>
                    <div class="mypage  ph_dis">

                        <a href="#" title="<">上一页</a><a href="#" class="linking">1</a><a href="#" class="unlink">2</a><a
                            href="#" class="unlink">3</a><a href="#" class="unlink">4</a><a <a href="#"
                            title=">">下一页</a>
                    </div>
                    <div class="mypage  pc_dis">
                        <a href="#">上一页</a>
                        1/83 <a href="#">下一页</a>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!--页尾-->
    <div class="foots">
        <script>
            $(".foots").load("foot.html");
        </script>
    </div>
    <script>
        $(function () {
            var swiper = new Swiper('#banner', {
                autoplay: 3000,
                speed: 500,
                loop: true,
                lazyLoading: true,
                // 如果需要分页器
                pagination: '.swiper-pagination',
                paginationClickable: true
            });
        })

    </script>
</body>

</html>